<template>
  <xt-breadcrumb class="select-none" :options="breadcrumbList" />
</template>

<script lang="ts">
export default {
  name: "HeaderBreadcrumb",
};
</script>

<script lang="ts" setup>
import { computed, getCurrentInstance } from "vue";
const curIns = getCurrentInstance()?.proxy;

const breadcrumbList = computed(() => {
  const $route = curIns?.$route;
  return $route?.meta.breadcrumbList || [];
});
</script>
